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TELEVISION ENHANCEMENT 

5 Cross Reference to Related Applications 

This application is based upon and claims priority of United States provisional 
application serial number 60/227,930, entitled ''SYSTEM AND METHOD FOR WEB 
BASED ENHANCED INTERACTIVE TELEVISION CONTENT PAGE LAYOUr\ 

10 filed August 25, 2000 by Steve O, Maikel; United States provisional application serial 
number 60/227,063, entitled "A DATA DRIVEN SYSTEM AND METHOD FOR 
DISTRIBUTION OF DNTrERACTIVE CONTFNT TO M^TIPLE TARGETED 
PRESENTATION PLATFORMS'* filed Anfeust 21 , 2000 by Steven O. Markel, and 
United States provisional applicah'on serial number 60a227,918, entitled 'METHOD OF 

15 ENHANCING STREAMINrG MEDIA CONTENT' filed August 25, 2000 by Steven O. 
Markel, the «itire disclosure of which is herein ispecifically incorporated by reference for 
all that it discloses and teaches. 

Background 

a. Field 

The present disclosure relates to interactive and enhanced television and, more 
particularly, to a method and system of creating enhancement content that may be displayed 
in conjunction with a television program. This disclosure discusses systems and methods for 
web based enhanced interactive television content page layout. 

25 

b. Description of the Background 

A television program maybe accompanied by additional information employed to 
enhance the program or to provide viewer interaction. Enhancements have historically 
included closed captioning and multilingual support Advances in networking, computer 
30 systems, and video production have increased the number and types of enhancements that 
may be provided with a program or advenisement. Enhancements may include stock 
updates, news stories, Internet links, weather forecasts, bulletins, statistics, trivia, and 
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other mformation. For example, a football gande may include icons allowing viewing of 
team players, statistics, trivia and other information such as upcoming games. Further, the 
advent of sei-top-boxes, as may be used in cable an^ satellite television systems, allows 
enhancement infoimation to be presented in new ways, such as screen overlays and in 

5 windows, for example. 

Enhanc^ television content may employ a combination of HTML (hypertext 
markup languageX JavaScript, Java and other formats common to Internet page display. 
An enhanced display may comprise text, icons, graphics and images placed at locations 
on or in proximity to the television image. To produce an enhanced display, an author 

10 must create a file identifying each displayed element (such as text, icons, graphics and 
images),.the location where each element is displayed, and the starting time a duration for 
which an element or group of elements is displayed. Previous methods employed . to enter 
parameters required to g«ierate and position die elements comprising the layout of 
enhanced pages have involved manually entry. The resultant application program may 

15 require compilation and execution in order to view the resultant image or images. This 
maybe an iterative process, requiring muhiple compilations before a desired rcsuh is 
obtained. Such iterative processes may be costly and time consuming. 

Additionally, due to the numerous <Kfferences between presentation platforms, 
such as set top boxes, satellite receivers, computers, or interactive televisions, content 

20 providers have historically been required to target a specific platform in the development 
of an application. In order to provide svqjport for each additional platform, the interactive 
content provider must mtroduce potentially significant modifications to the existing 
application, resulting in the ongoing maintenance of multiple code bases and adding to 
the time and cost required to produce enhanced page layouts for multiple platfonns. 

25 Further, web page design tools, such as FrontPage«^, DreamWeaver™, and others, do 
not support administa^tive capabilities nor do ihey support databases. Therefore a new 
method of creating enhanced content that allows utilization across multiple platforms arid 
provides an accurate preview of enhancements is needed. 

30 
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Summary of the Invention 

The present invention overcomes the disadvantages and limitations of the prior art 
by providing an interactive television enhancement authoring method and system 
5 allowing simple development of text, graphics, and image display, emulation of the 
enhancements, and production of a platform independent enhancement file, called 
iTVMU that may be parsed, using a pubhsher tool (such as iTV Publisher from 
hxtellocity), to create interactive television enhanced content files specific to aparticular 
pJatfomi such as WEBTVtm^ AOLTVtm or other platfonns. An authoring program 
0 conmumicates with a web browser such that the present invention may be trtilized locally 
. or across a netwodc 

The invention may therefore comprise a method for creating a television 
presentation enhancement comprising: defining a window in a grq>hical user interface; 
placing a displayable element at a position in the window; defining a time when the 
displayable element may be rendered; employing a database to store mformation 
describing the displayable element and the tim^; creating a platform independent 
television enhancement file containing mforaiation related to the displayable element and 
the time; parsing the platform independent television enhancement file to produce an 
HTML file; and viewmg the HTML file. 

Software downloaded to the browser provides 'drag and drop' and resizing editing 
functions at the user's browser; eliminating delays that may be incurred due network 
latencies and server workload if these fimctions were implemented at the server. The 
invention comprises a number of user screens that may be accessed through URLs that 
provide administrarive, project, page, layout, trigger, emulation, and iTVNfL export. 
Administrative fimctions provide user accounts, login, and tutorials. The project and page 
screens provide access to projects and specific enhancement pages with the projects. The 
layout page provides an easy to use, user-fiiendly graphical editing environment where 
elements such as text, graphics, images, and executable routines may be placed on a 
video display area (canvas) and may be moved and sized. The trigger fimctions provide 
synchronization of the presentation of enhancements to a specified event, such as frame 
lime or presentation duration, for example. The emulation fimcrion generates an iTVML 
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file andparses the file for web browser presentation, providing an accurate representation 
of the enhancement if viewed on a television. The iTVML export function provides . 
generation and saving of an iTVML file. 

The invention may therefore further comprise a system for creating television 

5 enhancements comprising: a graphical nser interface implemented in a web browser 

environment; a rectangular area defined in the browser environment; a user interfece that 
places a displayable element in the rectangular area; a user interface that specifies a thne 
at which the displayable element may be rendered; a database that stores infpnnation 
associated with the displayable element and information associated with the time; a 

10 pointing device; and a user interface that mitiates generation of an Xba, file containing 

tags for the infonnation associated with the displayable element and the infoimation 
associated with the time. ~ 

Advantageously, the present invention provides an efficient, easy to use system 
and method for creating television enhancements that produces a platfonn independent 
15 enhancement file. The enhancement file maybe emulated using the invention to pre^ew 
the appearance of the enhancements. The enhancement file may be parsed by other tools 
to produce platforai dq>endent enhancement files without re-editing, resulting in lower 
costs to support a range of presentation platfonns, and unifonnity in the content of the 
enhancements provided. 

20 

Descriptiow of the Figures 

hi the figures. 

Figure 1 depicts html and image support for a group of coiranercially available set 

25 top box products. 

Figure 2 depicts die software environment of the present invention. 

Figure 3 depicts software components of the authoring program. ■ .. 

Figure 4 is a screen depiction of the administration module configured for user 

login. 

30 Figure 5 depicts a projects screen. 

Figure 6 depicts a pages screen. 
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Figure 7 depicts a layout page screen. 
Figure 8 depicts a triggers screen. 
Figure 9 depicts an emulation screen. 
Figure 10 depicts an XML screen. 
5 Figure 1 1 is a flowchart of a method for selecting an element on the canvas of the 

layout screen. 

Figure 12 is a flowchart of a method for moving and/or resizing an element on the 
canvas of the layout screen. 

Figure 13 depicts an iTVML generation process. 
10 Figure 14 depicts a process for creating an XML compliant string containing 

header information. 

Figure 1 5 depicts a process for creating an XML compliant content string. 
Figure 16 depicts a process for creaiing an XML compliant timeline string. 

15 

Detailed Pescription of ihe IpventioD 

Fig;ure 1 depicts HTML and image support for a group of commercially available 
set top box products. Set top box models 100 provide HTML support 102 and image 

20 support 104. HTML support 102 lists support for html 1,0, 2,0, and 3.2 versions. A 
linritarion of HTML is that some versions lack downward compatibility. For example, 
HTML versions 4 and higher do not support all the tags of HTML 3.2. Figure 1 serves to 
illustrate that an HTML based author for creating enhanced content would not be able to 
support a wide range of target platforms. The present invention overcomes the 

25 disadvantages of HTML based authoring by providing an authoring tool that generates an 
extended XML file, called iTVML, that may be parsed using XSL scripts for each 
platform type to produce HTML code and Javascripts suitable for each platform. Through 
the use of the iTVML author of the present invention, enhancements need only be 
authored once, and then XSL scripts specific to each set top box, or types of set top boxes 

30 may be applied, thereby preserving the investment in authoring by not requiring changes 
for each platform. 

5 
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Figure 2 depicts the software environment of the present invention. Authoring 
components 200 comprise database 202 and authoring program 204. Rendering 
component 206 comprises a display program 208 that may be viewed employing a 
browser display utility such as Microsoft Internet Explorer, Database 202 may comprise 
5 Microsoft ADO (ActiveX Data Objects) from Microsoft Corporation. ActiveX is a set of 
programming rules that aUows the output of other ^plications, such as spreadsheets and 
word processors for example, to be viewed in web browser formats. Authoring program 
204 may employ a progranuning environment such as VBScript. Visual Basic Scripting 
Edition (most commonly referred to as VBScript) is a subset of Microsoft Visual Basic. 
10 Display program 208 may comprise Javascript components. JavaScript is a scripting 
language that allows lines of Java code to be insened into HTML scripts. Java is an 
object oriented programming language created by Son Microsystems. Java is a.device 
independent language, meaning that programs compiled m Java can be run on any 
computer. Java programs can be run as a free-standing application or as an applet placed 
IS on a web page. Applets written in Java may be served from a web site and executed on a 
client computer. For example, a JavaScript function may be employed to verify that users 
enter valid infomiation into a form requesting a user ID and password: Without any 
network transmission, an HTML page with embedded JavaScript can inietpretihe entered 
text and alert the user with a message dialog if the input is invalid- Further. JavaScript 
20 statements embedded in an HTML page can recognize and respond to user events such as 
mouse clicks, fonn input, and page navigation. Such response may comprise execution of 
an applet, communication with a browser plug-in, or other action. 

Figure 3 depicts components of authoring program 204 shown ra figure 2. 
Authoring program 300 comprises administration module 302, projects module 304, 
25 pages module 306. layout module 308, triggers module 310, emulation module 312 and 
export module 314. Each of the aforementioned modules maybe accessed employing a 
browser and a URL Universal Resouree Locator (URL) identifying the location of the 
HTML and Javascript code that maybe employed to produce each page. 

Figure 4 is a screen depiction of the administration module configured for user 
30 login. Administration module 400 is accessed via URL 402. Administration module 400 
may provide entry of a,er name 404 and user password 406. The user may select logm 
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button 408, new user button 410, or tutorial button 412 to access ficnctions of this 
module. New user button 410 allows an account to be established for a new user. Tutorial 
button 412 may be employed to receive infoixnation concerning use of the present 
invention. Once a user has entered a valid usemame and password, a screen 
5 representative of one of the other modiiles depicted in figure 3 may be displayed. The 
user may navigate between modules by selecting navigation burtons located in each 
screen. 

Figure 5 depicts a projects screen. Projects screen 500 may be accessed through 
URL 502. Projects screen 500 comprises project selector 504, project information and 
10 control area 506 and navigation buttons 508. Project selector 504 allows the user to select 
from existing projects. Control area 506 comprises project information and control 
buttons. Project rnfoimation may comprise a project name, $tatus information to indicate 
the state of completion of a project, author name, client, duration of the enhancement, the 
number of frames for which the enhancement is displayed, the start frame, ttie start page, 
15 the video file to which the enhancement may be apphed, return bandwidth that radicates 
the rate at wiiich an enhancement may be delivered, a return connect time indicating 
latency in establishing a connection, the TV fonnat employed (such as NTS'C or PAL), 
notes concerning the enhancement, a file to which the enhancemrat may be published, 
and email addresses for XML and HTML code. Control area 506 may comprise buttons 
20 that allow selection of a new project (and saving of the current project), deletion of a 
project, publishing of an iTVML file and publishing of the project Navigation buttons 
508 allow the user to switch between screens of the invention. When a user navigates 
from the projects screen to another screen, information associated with the projects 
screen may be saved to a database. 
25 Figure 6 depicts a pages screen. For each project there may be one or more pages. 

Pages screen 600 may be accessed through URL 602. Project 606 shows the project 
name. Page select 604 provides a pull down menu for selection of existing pages. Page 
name 608 shows the name of a selected page, or the name given to a new page or a copy 
of another page. A new page may be selected through control bunons 610 that allow a 
30 page to be deleted, copied, or for a new page to be created. Navigation buttons 612 allow 
the user to switch between screens of the invention. 

7 
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Figure 7 depicts a layout page screen. Layout screen 700 may be accessed through 
URL 702. Project selector 704 provides selection of a project Page selector 706 allows 
selection of a page in the project The layout screen'forther comprises a canvas area 708 
that may contain a video feme and enhancement elements, plus properties box 710. 

5 Canvas area 708 may be implemented as a window having a width that is a multiple of 
the pixel width of the video image, eUminating rescaling operations. Properties box 7 1 0 
provides selection of enhancement elements and parameters associated with those 
elements. Properties box 71 0 comprises a number of user input areas that are described 
hereafter with reference to figure 7. Display safe area check box 712 provides a reduced 

10 size canvas area such that elements on the canvas will not be obscured in some monitors. 

Element selection menu 714 provided user selection of text, graphic, and image eleihents, 
and mstance selector 716 allows selection of an instance of the element Further, clement 
selection menu 714 may be employed to import HTML and Javascript routines created 
with the present invention or other tools such as HTML authoring software. The 'Add' 

15 button of element selection menu 714 may be employed to place an element on canvas 
708 once an element and instance have been selected. The selected choices are shown in 
element name 718 and element type 720. Some elements inchide user q)ecified values, 
suchastext Such values may be entered through vahie entry 722. The position of an 
element maybe entered usmg position window 724. orthe element may be positioned 

20 usmg a mouse or other pointing device as shall be described later. The size of an element 
may be specified through size entry 726, or element size may be configured using a 
mouse or pointing device as shall also be described later. Elements may be placed to 
appear on top of other elements or behind other elements through a Z order value 
accessed ihrough Z order control 728. The order may be specified in an order box. or the 

25 order of a selected element may be adjusted using front and back buttons. The visibility, 
of an element may be selected through visibility control 730. An element may also serve 
as a Knk to other information, web pages, or executable programs. The link may compnse 
a local address, a web address/URL, or other address. A link associated with an element 
may be specified through link control 732. The font employed in text elements may be 

30 specified through font control 734. The color of text and graphics may be selected 

through color control 736. Flush (placing of an element atthe edge of the canvas) may be 



wo 02/17642 



PCT/USOl/41894 



selected through flush control 738. A selected element may be deleted by selecting delete 
button 740. Deletion of a selected element may also be perfonned via keyboard entry. 
Navigation buttons 742 allow ihe user to switch between screens of the invention, 
Figiire 8 depicts a triggers screen. Triggers are employed to synchronize the 
5 rendering of enhancements with an event, such as a frame number or display time, for 
example. Triggers screen 800 maybe accessed through URL 802. Project select window 
804 allows selection of a project and displays the project name. Page selection; window 
806 allows selection of a page within the project and displays the page name: Trigger 
controls 808 provide specification of a trigger name, the time at which the trigger may 
10 execute, the acrion to be taken when the trigger time occurs^ the element, and a trigger 
list For example, at 5 seconds^ the text of an element may be changed to provide a 
welcome message. Triggers may provide a monitoring fimction downloaded to platform, 
such as a set top box or interactive television, for example, that then monitors a television 
program for a specified eveiit. When the specified event occurs, an enhancement -file 
1 5 comprising HTML or HTML and Javascript may be executed from platform memory, or 
may be retrieved xising a transpon method wherein the downloaded monitoring includes a 
XJKL from which the enhancement file may be accessed. 

Figure 9 depicts an emulation screen. Emulation screen 900 maybe accessed 
throu^ URL 902. The miulation screen may be employed to display television images. 
20 and enhancements as they would appear on a television or other video receiving 

equipment. The emulation process includes generation of an iTVML file from database 
information, parses the iTVML file with an XSL parser configured for web browser ' 
display, producing.an HTlvIL/Javascript output that is then provided to the browser. 
Generation of iTVML files is described in figures 13 through 16. 
tS Figure 10 depicts an XML screen, XML screen 1000 maybe accessed through 

URL 1 002. Display area 1004 of XlVflL screen 1000 provides a listing of the iTVML code 
generated. 

Operationally, a user first opens the adroinistration page of the present invention 
by employing a web browser accessing the URL of the administration page. The user 
0 may then log into the syste:my establish a new account, or view a tutorial. Once a user has 
provided a valid usemame and password,. a projects page may be presented (Steve-is this 
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how navigation is set up?),. From the projects page the user may select a project to-edit^ 
view, publish or delete, ox a new project may be started. If a new project is started, the 
user enters project information (as described in figure 5), including a video file and start 
frame information. The user may then select a navigation button on the lower portion of 
5 the screen to move to the pages screen. Using the pages screeij, the user may select an 
existing page, copy an exiting page, delete an exiting page, or create a new page. The 
project name selected in the projects screen is displayed in the project window of the 
pages screen. A page name may be assigned to the new page, after which the user may 
navigate to the layout screen. The layout screen comprises a canvas area in which the 

1 0 video frame^ identified in the projects screen, may be displayed. The properties box of the 
layout screen may be employed to select and position gaphic, text, image, and imported 
executable elements within the canvas area. Advantageously, the present invention 
includes *drag and drop' and Yesise' functions implemented at die user's browser. This 
provides the convem'ence and productivity of mouse (or other input device) driven.editing 

1 5 without incurring delays that may result from network latencies or server workload. The 
'drag and drop' and 'resize' functions are implemented as a Javascript downloaded to the 
user's browser as part of the layout screen. Flowcharts of the in^lementation of 'drag and 
drop* and 'resize* functions are presented in figures 1 1 and 12. Appendix A provides an 
code hsting for a Javascript implementation with numerical references to the flowchart 

20 fimctions. 

Figure 11 is a flowchart of a method for selecting an element on the canvas of the 
layout screen- Mouse select process 1 100 begins with a mousedown (button activation) at 
step 1 1 02- Step] 1 04 determines if the mouse position is inside the canvas when the 
button was activated. Kthe mouse position is outside the canvas area, mouse data is 

25 passed to other programs such as may be employed to select items within the properties 
box or other items contained in the layout screen- If the mouse position is inside the 
canvas> step 1 106 determines if the position is inside the knobs of an elemenL Knobs are 
visual elements^ such as small rectangles, for example, that are displayed at the edges of 
an element when selected. If the mouse is inside a knob, stepl 108 removes the knobs and 

30 the process ends at step 1 1 1 0. If step 1 1 06 detenniues that the moxise position is not 
inside a knob, step 112 determines if the mouse position is inside an element- If the 

10 
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mouse position is not inside an element, the process ends at step 1114, If stqjl 112 
determines that the mouse position is inside an element, step 1116 obtains the element's x 
and y position, height, and width. Step 1118 then determines if the user selected a 
different element. If a different elemeht was selected, step 1 120 deselects the previous 
5 selection and the process sends at step 1 122. If the user did not select a difference 
element, the new elemeht is selected at step 1 124 and the process ends at step 1 126' 

Having selected an elethent on the canvas of the layout screen using the process 
of figure 11, a user may now move, or resize the element Figure 12 is a flowohan.of a 
method for moving and/or resizing an element on the canvas of the layout screen. Move 
10 and resize process 1200 begins with step 1202 where a mousemove event is received. A 
mouse move event occurs when a mouse button is activated while the mouse is 
positioned over an element and the mouse is moved. Step 1204 deterarines if the mouse is 
positioned over a resize knob displayed in conjunction with a selected element If step 
1204 determines that the mouse position does not coirespond to a knob, step 1206 moves 
15 the element using mouse mo vement information. The size of the element is not altered 
and processing ends at step 1208. If the position of the mouse corresponds to a knob of 
the element, step 1210 checks if the knob corresponds to a west (leh side) knob. If the 
west knob is selected, step 1212c;hecki if the west knob is a lower left knob. If the knob 
is not the lower left knob, step 1214 resizes the element by. changing the left coordinates 
20 of the element and keeping the right edge position and height of the element unchanged. 
Processing then ends at step 1216. If step 1212 determines that a lower left knob is 
selected, step 1218 adjusts the height and width of the element, maintaining the aspect 
ratio of the element and the position of the upper right comer of the element. Processing 
then ends at step 1216. If step 1210 determines that the west knob is not selected, step 
25 1220 checks if the east knob (right side) was selected. If the east knob is selected,, step 
1222 checks if the east knob is an upper right knob. If the knob is not an upper right 
knob, step 1224 resizes the element by changing the right coordinates of the element and 
keeping the left edge position and height of the element unchanged. Processing then ends 
at step 1226. If step 1222 determines that an upper right knob is selected, stepl228 
30 adjusts the height and width of the elerpeni, maintaining the aspect ratio of the element 
and the position of the lower left comer of the element. Processing then ends at step 

U 
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1226. If step 1220 detennines that an east knob is not selected, step 1230 checks if a 
north knob is selected. If a north knob is selected, step 1232 checks if the upper left knob 
was selected. If the upper left knob was not selected, step 1234 resizes the element by 
changing the top coordinates and keeping the bottom coordinates and width of the 
5 element unchanged. Processing then ends at step 1236. If step 1232 determines that the 
upper left knob was selected, step 1238 adjusts the height and width of the element while 
maintaining the aspect ratio of the element and the position of the bottom right 
coordinate. Processing then ends at step 1236. If step 1230 detennines that a north knob 
was not selected, step 1240 checks if a lower right knob was selected. If a lower right 

10 knob was not selected, step 1242 adjusts the height of the element, keep the width and top 
coordinates unchanged. Processing then ends at step 1244. If step 1240 detemiines that 
the knob is a lower right knob, step 1246 adjusts the height and width of the element 
while maintaining the aspect ratio of the element and the position of the top left 
coordinate. Processing then ends at step 1244. Appendix A lists code to implement the 

15 *drag and drop* and 'resize' ftmctions described in figure Hand figurel2. 

After the user has placed elements on the canvas, positioned them at desired 
locations and sized them to desired sizes, the user may select the emulation screen to 
view the appearance of the enhanced frame or sequence of frames. Selecting the emulate 
function from the navigation buttons performs the following functions. First, the database 

20 entries associated with the current layout are accessed and a flat file of extoided XML, 
called iTVML^ is produced. The iTVML file is then passed through an emulation XSL 
parser that converts the iTVML into HTML and Javascript that is then sent to the user's 
browser to produce the emulation display. 

The iTVML file is an XML compliant file with tags for the information contained 

25 in the project, layout, and triggers screens. The iTVML file is produced by retrieving 

information from the database, comparing each entry to a table of entries for that screen, 
and •encapsulating' the enfries with XML compliant formatting. 

Figure 1 3 depicts an iTVML generation process. The iTVML process 1300 starts 
at stepl302. At siep 1304. the database is queried using the project ID, Step 1306 

30 determines if any records are retrieved- If no records corresponding to the project ID are 
found, the process ends at step 1 308. If a record corresponding to the project ID is 
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retrieved, step 1310 sets the iTVML comments to string. Step 1312 appends an iTVML 
header to the string. The iTVML header may be generated as described in figure 1 4. 
Continuing with figure 13, step 1314 appends a library opening to the string. At step 
1 3 1 6, a resource tag identiiying the asset directory is appended to the string. At step 1318 
5 a hbrary closing is appended to the siring. At step 1320 content information is appended 
to the string. Content information maybe generated through the process described in 
figure 15. Continuing with figure 13, step 1322 appends timeline information to the 
string. Timeline ijiformation may be generated through a process described in figure 16, 
Continuing with figure 13, step 1324 terminates the string and the process ends at srep 

1 0 1326, The iTVML process 1300 may be viewed as a process that assembles (in a string 
format compliant with XML)> information defining where assets may be located, plus 
appends InfomiatiDn from the projects, layout and triggers screens. 

Figure 14 depicts a process for creating an XML compliant string containing 
header information. Header process 14D0 begins at step 1402. At stepl404, an opening 

15 tag, such as '<HEAD>', is appended to the string. At step 1406 the current data and. time 
with an iTVML current date and time tag are appended to the string. At step 1408, the 
author name with an iTYML author-name tag is Expended to the string. At step 1410, . 
notes are extracted from Ave database and are appended to the string with an iTVML 
notes tag. At step 1412, the name of the project is extracted from the database and is 

20 appended to the string with an iTVML project-name tag. At step 1414, the project ID is 
extracted form the database and appended to the string with an iTVML project-ID tag. At 
step 1416, the date the project was created is extracted from the database and appended to 
the string with an iTVML created-date tag. At step 1418, the data the project expires is 
extracted form the database and appended to the string with an iTVML project-expires 

25 tag. At step 1420, the date the project was last published is extracted from the database 
and appended to the string with an iTVML last-published tag. At step 1422, the current 
project status is extracted from the database and appended to the string with an iTVML 
project-status tag. At step 1424, the project-company is extracted form the database and 
appended to the string with an iTVML project company tag. At step 1426 the video 

30 source is extracted form the database and appended to the string with an iTVML video- 
source tag. Ai step 1428, a query is performed against the transport table based on the 
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project ID. If no transport records are fotmd, step 1440 appends a closing tag, such as 
V<HEAr»', to the string and the process ends at step 1442. If step 1430 retrieves a 
ttanspott record, step 1432 extracts transport A bandwidth from the record, appends the 
bandmdth information to the string with an iTVML transport-bandwidth tag. Step 1434 
5 extracts the transport A return path bandwidth from the record and appends the rehrm 
path bandwidth to the string with an iTVML return-bandwidth tag. Step 1436 ext^cts the 
transport A return path connect time from the record and appends the information to the 
string with an iTVML connect-time tag. Step 1438 extracts the transport A base URL 
from the record and appends the URL to the string with an iTVML base-UKL tag. Step 
10 1440 then appends a closing tag, such as Y<HEAD>', to the string and the process ends at 
step 1442. Header process 1400 may be viewed as a process that assembles (in a string 
format compliant with XML), infonnation contained in the projects scre.en. 

Figure 1 5 depicts a process for creating an XML compliant content string. 
Content process 1500 starts at step 1502- At step 1504. an opening tag, such as 
15 •<CONTENT>', is appeaded to the string. At step 1 506, the database is queried for 
elements corresponding to the project ID. Step 1508 checks for element records. If no 
element records are found, step 1510 ;q)pends a closing flag, such as V<CONTENT>', to 
the string and the process ends at step 1512. If step 1508 finds a record, step 1514 
appends the record infonnation to the string' searches a list of element types and appends 
20 an iTVML tag for the element type. Step 1516 then selects the next record and processing 
commues at step 1508. If no records remain, step 1510 appends a closing flag, such as 
V<CONTENT>', to the string and the process ends at step 1512. 

Figure 16 depicts a process for creating an XML compliant timeline string. 
Timeline process 1600 begms at step 1602. At step 1604 an opening tag. such as 
25 '<TIMELINE>', is appended to the string. At step 1 606, frame length is extracted from 
the database and appended to the string. At step 1 608, frames per second is extracted 
from the database and appended to the string. At step 1610, a 'uses drop frame' flag is 
extracted from the database and appended to the string. At step 1612, start time is 
extracted form the database and appended to the sOrmg. At step 1614, life span is 
30 extracted from the database and appended to the string. At step 1616. a triggers table is 
queried using the project ID. Step 1618 checks iftrigger records exist. If no trigger 
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records exist, step 1624 appends a closing tag, such as •</TIMELINE>V and processing 
ends at step 1 626. If step 1618 finds a trigger record, step 1 620 creates a trigger tag with 
the time» element affecied, and function call. Step 1622 then moves to the next element. 
If step 1618 determines that no more elements exist, step 1624 appends a closing tag, 
5 such as '</TIMELINE>V and processing ends at step 1 626. 

Figures 13, 14, 15, and 16, depict a method in which database entries from the 
project, layout, and triggers screens may be processed to produce an iTVML file. 
Appendix B provides an example of the form and content of the iTVML file and 
illustrates the present invention's placement of database infotmation within XML 

1 0 compliant tags. Once an iTVML file has been created, it may be parsed Xks'mg industry 
standard XSL (Extensible Stylesheet Language) methods to produce HTML and 
Javascript that may be run on an industry standard web browser and media playo- such as 
Microsoft Internet Explorer and Windows Media Player, both from Microsoft 
Corporation, Additional information regarding XSL may be obtained fiom the following 

15 books; 

Title: Professional XSL 
Authors: Kurt Cagle et al. 
Publisher: Wrox Press iic; 
20 ISBN: 1861003579 

Title: XSL Companion, The 
Author: Neil Bradley 
Publisher: Addison- Wesley Pub Co; 
25 ISBN; 0201674874 

The iTVML file may also be parsed using a tool called iTV Publisher, that is the subject 
of a CO pending patent application, to produce HTML or HTML and Javascript specific to 
platforms such as WEBTV™, AOLTV™ or other platforms- 
30 Thus, the present invention provides an easy to use, rapid means for developing a 

layout for an enhanced presentation platform, such as a set top box or interactive 
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television, which produces an output platfoim indeperideut, text based, script file that 
ipletely defines the assets used (graphics, text, images, and imported exeaitable files), 
:;luding their positions and properties, and titning of their rendering. The platfonn 
independent nature of iTVML aUows a single enhancement file to be created that then 
5 may be parsed to provide platfonn dependent enhancement files. 

The foregoing description of the invention has been presented for pmposes of 
illustration and description. It is not intended to be exhaustive or to limit the invention to 
the precise form disclosed, and other modifications and variations maybe possible in 
Kght in the above teachings. The embodiment was chosen and described in order to best 
10 explain the principles of the invention and its practical application to thereby enable 

others skiUed in the ait to best utilize the invention in various embodiments and various 
modifications as are suited to the partictaar use contemplate It is intended 
appended claims be construed to include odier alternative embodiments of the invention 
except insofar as limited by the.prior art. 
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APPENDIX A - CODE EXAMPLE FOR CLICK & DRAG TO PLACE 
ELEMENTS AND TO RESIZE THEM 

20 Note: Numerical references shown in bold after '//* relate the section of code to a 

component of the figures. The figures are representative of the actions performed and 
may not reflect the exact order or functions performed. 

25 function mouseDownO //llOO 
{ 

//1X04: Was Che MoueeDown inside of the Divpg (Canvas) ? 

if ( event, X >= divPg .of f setLef t ♦ divMain ,of f aetLef c 
30 event. X <« divPg . of f setLef r - 0 + divPg .of f setMidth -i- 

divMain . of f Betiief t 

&& event. y divpg.of f aetTop + divMain.of f secTop 
t& event. y <o divPg.of f setTop - 0 -h divPg.of f setiHeight 
divMain.of f secTop ) 
35 { 

// Yes. 

var el = event. srcElemenc; 
var pEl el.parentElement; 

vajT i ; 

'^O var isTexc = faise; 

//1106: Are we positioned inside a Jcnob? 

if (el^id-indexOf (* )cnob'«, 0) O) 
AS { — 

// 1108 Yes, we are on a knob, and the user wants to resize 

the element. 

initlx = event. clientX; 
initlY « event -cliencY; 

50 

knob = el; 
hideKoobs () ; 

MouseOownOnElement = true; 

} . 

55 el se //1X12: 

{ ■ . 

while (true) 
{ 

i£ (el.tagName "BODY") return,- 
if (pEl , tagName «=» "BODy*) return; 
if (pEl.tagKame -DIV" 
pEl.id.indexOf (»divEl'')>«0) break; 

el = pEl; 

pEl «r el.parentElement; 

65 } 

if (el,tagName =r= "DIV") 
{ // TEXT AREA 
ob « el. style; 

70 ) 

else 
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{ 

ob = pEl^scyle; 

} 

initlX = event -cliencX; 
initlY a event. clientY; 

initlObjX ob.po6l»eft; 
go InitlObjY = ob.poeTop; 

elWidth = el .of fsetwidthr 
elHeighc = el-of f secHeight; 
elName » el-id; 
§5 i = elNarae.slice (5) ; 

//11X8; Did Che user select a different element ? 
if (elementSelected i> 

90 MoMseDownOnElement « true; 

// 1X2 Ot change co newly selected element 
elementSelected si; 
9electElement(i) f 
hideKnoba { ) 

95 } ' • 

else //1124 

{ 

var updated = true; 

//***★* update display with selected element 
100 if (elementSelected > -1) 

^ updaced =^ updEle (elementSelected) ; 

} 

105 if (updated) 

{ 

MouseDownOnElemenc crue; 

// Change to newly selected element 
110 elementSelected = i; 

selectElement (i) ; 
hideKnobs 0 ; 



115 



120 ftmction mouseMoveO 7/1200 

if (Mou.seI>ownOnElement) 

var fp = window. frmElProps; 
125 var pEl; 

var elType; 

if (knob) //1204 
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130 



135 



140 



145 



150 



155 



160 



165 



170 



175 



180 



0} 



var e = eval ("window, el Img* + elemencSelecced) ? 
elType w parseljat (elements [elementSelectedl (eElType] ) ; 
if ( elType r»»* kEXIsTA ) ' 

pEl » e; 
e = e. style; 



else 



pEl ^ e.parentBlement ; 



var delta; 
switch (knob .style . cursor) 

{ 

case *'v- resize" ; //1210 

{ 



delta » iniblX - evenc . clientX; 
if (elType != kBllsTV) //1312 
{ 

i£ (pBl.style.pixellieft - delC2i-<° 



{ 



) 

else 

{ 



} 



} 



delta = pEl . style, pixel Left ; 
pE1.3tyle-pi:>celLef t - 0; 



pEl .style .pixelLeft delta; 



switch ( elType ) //l2i4 
{ 

case kElIsGraphic: 
case kEllsBG; 

e. width delta; 

break; 
case kElIsTA: 

e, width = 

Math. abo (par selntCe. width) + delta) + "px**; 

break; 
case kElIsTV: //X2XS 

// Compute available WEST & Soxith 



pixels 

(pEl.Btyle.pixelTop e. height) ; 
(gCanvasH/gCanvasW) *delta > Spx ) 



var wpx = pEl-style.pixelLeft; 
var Spx = gCaiTvasH - 

while ( delta > Wpx | | 
{ 

-•delta; 

if (delta 0) break; 

) 

pEl - style .pixelLe ft 
e. width += delta; 



delta; 
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190 



195 



200 



205 



210 



215 



(gCanvasH/gCaixvasW) ; 



e-heighc = e. width * 



} 



break; 



case "e-resize'* 

{ 



break ; 
default : * 
break; 



//X220 



gCanvasW ) 

pEl . style .pixelLefc; 



delta) ; 
gCanvasW ) 

pEl - style .pixelLef c; 



var w; . '♦.lY- 

delca = event. cliencX - xnitix^ 
switch ( elType ) //X222 

^ case KElIeGraphic. //X224 
caee kBlIsBG: 

w s= e. width + delta; 

if ( pEl- style. pixelLeft w > 



{ 



) 



w B g Canvas W - 



e-widch « ^! 
breaks- 
case kElIsTA: {^w^*, + 
w = Math.abs (parselnt (e.wxdth) + 

if ( pBl. style. pixelLe ft w 



w a gCaJivasW - 



} 



220 



225 



230 



235 



240 



width = w '»px"; 
break; 
case kElIsTVt 

// compute available EAST & Souch 



pixels 

(pEl- style -pixelLeft + e.width); 
fpEl . style ,pi:3celTop + e . height) ; 
(gCanvasH/gCanvasW) *delta > Spx ) 



var Epx = gCanvaeW - 
var spx ^ gCanvasH - 
while ( delta > Bpjc 1 



{ 



--delta; 

if (delca == 0) t>reak; 



(gCanvaeH/gCanvaeW) ; 



width += delta; 
e. height ^ e .widi:h * 



break; 
default t 

break; 



} 

break; 
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} 

case "n-resize** ; ; //1230 

{ , 

245 var h; 

delta = iniclY - event . clientY^ 

if(elType f= JcElIsTV) . //1232 

250 if (pEl. style. pixelTop - delta < 0) 

{ 

delta a pEl , style -pixelTop; 
pEl .style -pixelTop « o; 

255 else 

{ 

pEl .style .pixelTop -= delta; 

) 

250 

Bwitcli( elType ) //1234 
{ 

case kBlIsGraphic; //X238 r - 

case )cSllsBG: 

e. height deltas- 
break ; 

case kElIsTAi //1238 
e . height = 

Math, abs (parseint (e. height) + delta) + •*px'*; 
270 break; 

case kEllsTV: 

// Compute available WORTH Sc West 

pixels 



265 



275 



280 



285 



295 



(pEl.style.pxxelLeft + e. width); 
(gCanva3W/gCanva3H)*delta > Wpx ) 



var Npx pEl , scyle .pixelTop;; 
var Wpx » gCanvasW - 

while ( delta > Npx \ | 
{ 

--delta; 

if (delta ~ 0) break; . 

) 

pEl . style ,pixelTop -= delta; 
e^height delta; 
e. width w e. height » 



(gCanvaew/gCanvasH) ; 

break; 
default r 

break; 

290 } 

break; 

) 

case "e-reeize": 

( 

var h; 

delta * event -clientY - initlY; 
switch ( elType ) //X240 
{ 
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300 



305 



310 



315 



320 



325 



330 



335 



340 



345 



350 



case JcElIsGrapliic: //1242 
case kElIsBG:. 

h ^ e.JieigliC + delta; 

if { pfel -style, pixelTop + b > 



gCanvasH ) 

pEl. style -pixelTop; 



delta) ; 
gCajavasH ) 

pEl , style -pixelTop) / 



{ 



) 



b * gCanvaeH - 



e. height » h; 
)>reak; 

ca6e KElIsTA; //1242 

h = Math. ab3{parselnt(e. height) + 

if ( pEl - style -pi>:elTop + h > 



li = (gCanvasH 



} 



e. height = h + «px«; - 
hreak; 

case kElIsTV: //1246 

// Compute available SOUTH & Wesr 



pixels 

(pEl. style. plxell.efc e.width) ? 
(pEl. style. pixelTop + e -height) f 
(gCanvasW/gCanvasH) *delta > Wpx ) 



var Wpx = gCanvasW - 
var Spx = gCanvasH - 
while ( delta > Spx | | 



{ 



--delta; 

if (delta 0) break; 



(gCanvasW/gCanvaaH) ; 



e. height += delta; 
e, width e. height * 



break; 
defaulti 
break; 
} // switch ( elType ) 
break; 
} // case 3-resize: 

} // switch ( knob. style. cursor ) 

var el = elements [eleroentselected] ; //1206 

fp.txtx^eft .value = el [eElhef t] * pEl . style. pixelLeft; 
fplt^ctTop -value ^ el teElTop) = ^^}:^^^^^'''t^^^^ 

fp.txtwidth. value - elCeElWidth} (elType kElIsTA . 

^ parselnt(e. width) f e.width); /^t^^^ icEllsTA^ 

fp.txtHeight .value - el [eElHeightl - (elType kElIsTA ^ 

parselnt(e- height) ; e. height ) ; 

} 



355 



if (Ob) 
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370 



if (ob.pixelLef c + event .cliencX - initlX < o) 

ol>-pixelI»«f t = 0; 
else , ► 

360 ob-pixelLefc += event . cllentix - initlX; 

if (ob.pijcellief t + el Width + event . clientX - inicIX > 
window, divPg . clientWidth) 

ob.pixelI*ef t = window. divpg, clientWidth - elwidth; 

365 

if (ob-pixelTop event. clientY - initlY < 0) 
ob-pixelTop = 0; 

else 

ob.pixelTop += event .client Y - initlY; 

if (ob.pixelTop + elHeighc 4- event . clientV • initlY > 
window, divpg . cliencHeight) 

ob.pixelTop = window. di vpg, cliencHeigbt - elHeight; 

375 fp .txt Left .value elements telementSe leered] leElLe ft] = 

ob.pixellieft? 

fp.txtTop. value = elements I element Selected] [eElTopl ^ 

ob.pixelTop; 
) 

3fiO 

initlX = event -client X? 
initlY = event . clientY ; 

} 

385 return false; 



390 
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390 



APPENDIX B 

Xppendix B an ITVm> file generated by ^^cLn'^" 

showing element information hae been edated to r-au 
395 entries - 

ITVML SETUP AND INTRODUCTORY COMMENTS ** 

<IDOCrYPE itvrnl PUBLIC '•-//IntelIocxty//DTD ITVWi. 
"htcp . //lO . 1 . 1 - 6/dtds/ITVMLl_0a . dtd- > 

<t— Copyright 2000, 2001 by Intellocity DSA, Inc. —> 

<•-- viziworx XML Schema 1.3 ^ 
citvml xmlns=^hctp://itvml.org/dtd3/ITVML1.0a,dtd > 

-HEM: DATE PROJECT MAS CREATED. AUTHOR, NOTES, OTHER PROOECT INFO- 

:J::tfuaine^«itvmlDateCreated- content=.«2a01-0B.03T2X.47 : 3«V> 
<meta name=.«projecrAuchor'» concent-" Steve MarKel»'/> 
<roeta name^^projectNotes- contento»»/> 
<meta name^^projeccName'* concenc^" sample pages /> 
<:tnet a name= -project Id** content=-13e9»/> o^to'> -46 'l72*/> 

<meta name=-projeccDateCreated- contenc--2001.07-23T02 . 46 . 172 /> 
<meta name=-projectExpire3»» content:-" »/> 
<m6ta name-" prop ectDateLascPubli shed*' content=''-/> ' 
<ineta name« "project Statue" content^ -Development V > 
<nieca name="projectCon^any" content=" *•/> 

<Tneta name= "projectVideoFileName- content«"y> , 
<meta uame^^-'projectTransportABandwidth" content== - 4 8 0 a /> 
-:::ca name.'^projectTransportARecurnPachBandwidc^^ T^onte^t^ 
<meta name^-projectTransportARetuniPathConnectTxme" content- /> 
<meta name-^'projectTransportABaseURL- content=«"'/> 
c/head> 



400 



405 



410 



415 



420 



425 



430 



- LIBRARY. CONTAINS DESCRIPTIONS OF ^^^^^ ^^^^^^"^^^ 
RESOURCES REQUIRED FOR PRESENTING AND ENCODING THE ENHANCED CONTENT) 

<library> 
</Iibrary> 



-CONTENT: DESCRIBES EVERY ELEMENT (NAME, TYPE OF ELEMENT, POSITION, -) 
ON EVERY PAGE OF THIS PROJECT** rrr^r nu^ 

<content can^.aa^'' 640x480" pixelAepect»"l : 1" baeeURL^ 
435 <page name='»actionTe3tPage'»> 

<eleraent naTne=s»'tvO" type-"tv'»> 

<property name = •'action** value-" » /> 

<property name- "highlight" value=.«crue- /> 
440 <propercy name^^^'top" valxte***©" /> 

<property name»»lefc" valuer" 0" /> 

<property name « ^height" value- "390" /> 

<property name= -width'* value-"520 » /> 

<property name^»20rder« value=^'* -I** /> 
445 <property name « "visible value="true»' /> 
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<property name^" color** values"** /> 
</elemenc> 

<eleTnent naine»'*iiav" types" image **> ^ 
450 <property name^^src" value^^Cr/viziworx/betaGraphica/nav. jpg** /> 
. <property name- "action" value=*** /> 

<propercy name =•* highlight* valuer '•true" /> 

<property name^^highlightSrc" vialue^*"* /> 

<propercy narae="top»* value** "O" /> 
455 <property name="left'' vsJ.ue=**519'* /> 

<propert:y name^ "height value='*480'' /> 

<property name^^widch" valuer" 12 1" 

<property nameK^zOrder" value=**l* /> 

<propercy name = "visible" value™ "true" /> 
460 <property name=*'href " valuer"" /> 

<p roper ry name=** colors* value»"" /> 

</eleraent> 

< element name-^buttonl** type='* image *•> 
465 <:property name^^^src* values "Cr/viziworx/hecaGraphics /but tonl -jpg" /> 
<property name=" action" value^"* /> 
<property names "highlight" value^'true?* /> 

<propert:y name^'highlightSrc** 

valuet "C; /viziworx/betaGraphic3/butcon2 - jpg** /> 
470 <property name^Tpp" value- "184** /> 

<property names "left" values* 53 6" /> 

<property names "he ighc value»**20'' /> 

<property name^ "width" valuer "57" /> 

<property name="z Order" value™ "4'' /> 
475 <propert:y names ''visible" value="crue" /> 

< property name =*» href" valuer**" /> 

<property names^color** values"" /> 

</element> 

** PROPERTIES OF OTHER ELEMENTS DELETED FOR BREVITY ** 
4 SO < action names "changeText" > 

<modify-property element=»»textarea3" name«"value " value^'^New Texti" /> 
</ accion> 
</page> 
c/ concent> 

485 

TIMELINE: TRIGGERS ASSOCIATED WITH EACH PAGE ** 
<t:imeline length=«00 ; 00 : 01 , 00 " f ramesPerSecond'^"30" 

ntscDropPrame="crue'' ^videoStartAcTime^ " " looplJTimes=-"l-><crigger 
name=^"actionre3tTrigger" enabled=^"crue" pagerefs " text" 

490 snart:Time=="O0:00tO0.ob* action^ " act ionTest Trigger** expires= "" /> 

<crigger name-"changeText enabaed=^"crue" pageref s"cexc" 

startTime=?»»00;00 rOS^OO" action^ "changeText** expires^ /> 
<trigger names* visible Function** enaJbled= " true** 

pageref s^actionTescPage" start Time- "00 r00;O5. 00"; actions 

495 "visibleFunccion" expires^ "" /> 
</timeline> 
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Claims 



What is claimed is: 

1. Method for creating a television enhancement comprising the steps of: 

employing a graphical user interface to position a displayable element; 
specifying or defining a thne when said displayable element may be rendered; 
storing information describing said displayable element, and said time. 

2. The method of claim 1 wherein said employing step comprises the steps of: 

defining a window in said graphical user interface; and 
placing said displayable element at a position in said window; 
said method furflier comprising the steps of: 

employing a database to store said information; 

creating a platform independent television enhancement file containing information 

related to said displayable element, and said tune; 

parsing said platform independent television enhancement file to produce an HTML 

file. 



3. 



The method of claim 2 further comprising the step of viewing said HTML file. 



4. The method of cto 1 wherein m said employing step, said graphical user interface 
positions said displayable element in a position relative to a television image area; and in said 
storing step, said information is associated with said position, and said time in a database; said 
method ftirther comprising the steps of: 

generating an XML file using said information stored in said database; and 
applying an XSL translation to said XML file. 



5. 



The method of claim 4 fiirther comprising the step: 
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specilying a z order for said element, 

6. The method of claim 4 wherein said user interface further comprises: 

a drag and drop function implemented in a web browser environment that allows said displayable 
element to be positioned in response to signals from a pointing device. 

7. The method of claim 4 wherein said user interface further comprises: 

a resize function implemented in a web browser environment that allows said displayable element to 
be altered in size in response to signals from a pointing device. 

8. The method of claim 2 or 3 wherein said platform independent television enhancement file 
is an XML file. 

9. The method of claim 2 or 3 wherein said step of parsing fiuther comprises: 
applying an XSL transformation to an XML file. 

1 0. The method of claim 2 or 3 wherein said step of parsing fiarther comprises: 
writing Javascript in said HTML file, 

1 1 . The method of claim 2 further comprising the steps of: 

selecting a video image for enhancement; 

displaying a video window in said window in said graphical user interface; 
parsing said platform independent television enhancement file to produce an HTML file wherein in 
said employing a database step, said stored information also describes said video image, and in said 
creating step, said enhancement file contains information related to said video image. 

12. The method of claim 1 1 further comprising: 
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displaying said HTML file in a web browser containing said video window. 

13. The method of claim 11 further comprising: . 
saving said HTML file to said database. 

14. The method of claim 1 1 wherein said step of parsing further comprises: 
applying an XSL transformation to said television enhancement file. 



15. The 
an XML file. 



method of claim 11 wherein said platfonn independent television enhancement file is 



16. The method of claim 2. 3 orl 1 wherein said step of placing a displayable element further 

comprises: 

employing a software routine, downloaded to a web browser, to locally alter the position of said 
element in response to input from a pointing device. 

17. n.e method of claim 1, 2, 3 or 11 wherein said displayable element comprises an 
imported HTML file. 

,8. TT.e method.of claun 1. 2, 3 or 11 wherem said step of placing a displayable element 

further comprises: 

employing a software routine, downloaded to a web browser, to locally alter the sdze of sa^^ 
in response to input from a pointing device. 

19. Tl,e method of claim 1.2,3 or 11 wherein said step of placing a displayable element 

further comprises: 
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defining a z order for said element. 

20. The method of claim 1, 2, 3 or 1 1 wherein said step of placing a display able element 
fiirther comprises: 

associating a link with said displayable element. 

21 . The method of claim 1 1 wherein said step of parsing further comprises; 
writing Javascript in said HTML file. 

22. The method of claim 2, 3 or 1 1 wherein said window is contained in a web browser. 

23. The method of claim 22 wherein said video wdndow or said window employs a media 
player contained in said web browser. 

24. A system for creating television enhancements comprising: 

a graphical user int^ace implemented in a web browser environment; 

a rectangular area defined in said browser environment; 

a user interface that places a displayable element in said rectangular area; 

a user interface that specifies a time at which said displayable element may be rendered; 

a database that stores information associated with said displayable element and information 

associated with said time; 

a pointing device; and 

a user interface that initiates generation of an XML file containing tags for said information 
associated with said displayable element and said information associated with said time. 

25. The system of claim 24 wherein said user interface further comprises: 
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a drag and drop function implen^ented in said web browser environment that aUows said displayable 
element to be positioned in response to signals from said pointing device. 

26. nie system of claim 24 wherein said user interface for placing a displayable element 

further comprises: 

a resize function implemented in said web browser environment that allows said cfisplayable element 
to be altered in size in response to signals from said pomting device. 

27. The system of claim 24 further comprising: 

a user interface that applies an XSL translation to said XML file to produce an HTML file. 

28. The system of claim 25 fiirther comprising: 

an emulation function operable to display said HTML file on said web browser. 
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Figure 1 
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Figure 2 
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Figure 3 
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Figure 4 
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Figure 5 
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Figure 6 
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Figure 7 
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Figure 8 
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Figure 9 
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Figure 1 0 
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Figure 12 
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Figure 13 
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Figure 16 
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1 . Method for creating a television enhancement comprising the steps of: 
employing a graphical user interface to position a displayable element; 
specifying or defining a time when said displayable element may be rendered; 
storing; information describing said displayable element, and said time. 

2. The method of claim 1 wherein said employing step comprises the steps of: 
defining a window in said graphical user interface; and 

placing said displayable element at a position in said window; 
said method further comprising the steps of: 

employing a database to store said information; 

creating a platform independent television enhanceiiient file containing 
information related to said displayable element, and said time; 

parsing said platform independent television enhancement file to produce an 
HTML file. 

3. The method of claim 2 further comprising the step of viewing said HTML file. 

. 4. The method of claim 1 wherein in said employing step, said graphical user interface 
positions said displayable element in a position relative to a television image area; and in said 
storing step, said information is associated with said position, and said time in a database; 
said method further comprising the steps of: 

generating an XML file using said information stored in said database; and 

applying an XSL translation to said XML file. 

5. The method of claim 4 further comprising the step: 
specifying a z order for said element. 

6. The method of claim 4 wherein said user interface further comprises: 

a drag and drop function implemented in a web browser that allows said displayable 
element to be positioned in response to signals from a pointing device. 
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7. The method of claim 4 wherein said user interface further comprises: 

a resize function implemented in a web browser environment that aUows said 
displayable element to be altered in size in response to signals from a pointing device. 

8. The method of claim 2 or 3 wherein said platform independent television 
enhancement file is an XML file. 

9. The method of claim 2 or 3 wherein said step of parsing further comprises: 
applying an XSL transformation to an XMIL file. 

10. The method of claim 2 or 3 wherein said step of parsing fijrther comprises: 
writing Javascript in said HTMIL file. 

11. The method of claim 2 fiirther comprising the steps of 
selecting a video image for enhancement; 

displaying a video window in said window in said graphical user interface; 

parsing said platform independent television enhancement file to produce an HTML 
file wherein in said employing a database step, said stored information also describes said 
video image, and in said creating step, said enhancement file contains information related to 
said video image. 

1 2. The method of claim 1 1 further comprising: 

displaying said HTML file in a web browser containing said video window. 

1 3. The method of claim 1 1 further comprising: 
saving said HTML file to said database. 

1 4. The method of claim 1 1 wherein said step of parsing fiirther comprises: 
applying an XSL transformation to said television enhancement file, 

15. The method of claim 1 1 wherein said platform independent television enhancement 
file is an XML file. 
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1 6. The method of claim 2, 3 or 1 1 wherein said step of placing a displayable element 
further comprises: 

employing a software routine, downloaded to a web browser^, to locally alter the 
position of said element in response to input from a pointing device. 

1 7. The method of claim 1 , 2, 3 or 1 1 wherein said displayable element comprises an 
imported HTML file. 

1 8. The method of claim 1, 2, 3 or 1 1 wherein said step of placing a displayable element 
further comprises: . 

employing a software routine, downloaded to a web browser, to locally alter the size 
of said element in response to input from a pointing device. 

19. The method of claim 1 , 2, 3 or 1 1 wherein said step of placing a displayable element 
ftirther comprises: 

defining a z order for said element. 

20. The method of claim 1, 2, 3 or 1 1 wherein said step of placing a displayable element 
further comprises: 

associating a link with said displayable element. 

21 . The method of claim 11 wherein said step of parsing further comprises: 
writing Javascript in said HTML file. 

22. The method of claim 2, 3 or 1 1 wherein said window is contained in a web browser. 

23. The method of claim 22 wherein said video window or said window employs a media 
player contained in said web browser. 

24. A system for creating television enhancements comprising: 

a graphical user interface implemented in a web browser environment; 

a rectangular area defined in said browser environment; 

a user interface that places a displayable element in said rectangular area; 

a user interface that specifies a time at which said displayable element may be 

rendered; 
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a database that stores information associated with said displayable element and 
information associated with said time; 
a pointing device; and 

a user interface that initiates generation of an XML file containing tags for said 
infonnation associated with said displayable element and said information associated with 
said time. 

25 The system of claim 24 wherein said user interface further comprises: 

a drag and drop function implemented in said web browser environment that allows 
said displayable element to be positioned in response to signals firom said pointing device. 

26. The system of claim 24 wherein said user interface for placing a displayable element 
further comprises: 

a resize function implemented in said web browser environment that allows said 
displayable element to be altered in size in response to signals firom said pointing device. 

27 The system of claim 24 further comprising: 

a user interface that applies an XSL translation to said XMIL file to produce an 

HTML file. 

28 The system of claim 25 fiurther comprising: 

an emulation function operable to display said HTML file on said web browser. 

29 A method of creating a television presentation enhancement comprising: 
accessing a browser based authoring package through an administration screen; 
establishing project information for said enhancement; 

defining a window in a graphical user interface contained in a browser; 
placing a displayable element at a position in said window; 
defining a time when said displayable element may be rendered; 

employing a database to store infoimation describing said displayable element, and 

said time; ■ ^ . 

creating a platfonn independent television enhancement file containing information 

related to said displayable element, and said time; uTivn 
parsing said platform independent television enhancement file to produce an H 1 Ml. 

file for a specific television platform; and 
viewing said HTML file. 
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30. The method of claim 29 Avherein said step placing a displayable element further 
comprises: 

employing a software routine, downloaded to said web browser, to locally alter the 
position of said element in response to input from a pointing device. 

3 1 . The method of Claim 29 wherein said element comprises an imported HTML file. 

32. The method of claim 29 wherein said step placing a displayable element further 
comprises: 

employing a software routine, downloaded to said web browser, to locally alter the 
size of said element in response to input from a pointing device. 

33. The method of claim 29 whereiib said step of placing a displayable element further 
comprises: 

defining a z order for said element. 

34. The method of Claim 29 wherein said step of placing a displayable element further 
comprises: 

associating a link with said displayable element. 

35. The method of Claim 29 wherein said platform independent television enhancement 
file is an XML file. 

36. The method of Claim 29 wherein said step of pairing further comprises: 
applying an XSL transformation to an XML file. 

37. The method of Claim 28 wherein said step of parsing further comprises: 
vmting Javascript in said HTML file. 

38. The rnethod of claim 29 further comprising: 

emulating said enhancement in said browser window prior to saving said 
enhancement file. 

39. The method of claim 29 further comprising: 

employing a change attribute function to alter an attribute of a previously defined 
element. 

35 

AMENDED SHEET (ARTICLE 19) 



0217642A3 IA> 



wo 02/017642 FCT/USOI/41894 



40. The method of claim 29 wherein said project information comprises a client name, 

'41. The method of claim 29 wherein said project information comprises an identifier of a 
video file. 

42. The method of claim 29 wherein said project information comprises a file to which 
said enhancement may be published 

43. A method for creating a television presentation enhancement comprising: 
selecting a video image for enhancement; 

defming a window in a graphical user interface contained in a web browser; 
displaying a video window in said window in said graphical user interface; 
placing a displayable element at a position in said window in said graphical user 
interface; 

defming a time when said displayable element may be rendered; 
employing a database to store information describing said video image, said 

displayable element, and said time; 

creating a platform independent television enhancement file containing information 
related to said video image, said displayable element, and said time; and 

parsing said platform independent television enhancement file to produce an HTML 
file for a specific television platform. 

44. The method ofclaim 43 further comprising: 

displaying said HTML file in a web browser containing said video window. 

45. The method of claim 43 iurther comprising: 
saving said HTML file to said database. 

46. The method of claim 43 wherein said step of parsing fiirther comprises: 

applying an XSL transformation to said television enhancement file to 
produce a television platform specific file. 

47. The method of claim 43 wherein said platform independent television enhancement 
file is an XML file. 
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48. The method of cJaim 43 wherein said step placing a displayable element ftirtber 
comprises: 

employing a software routine, downloaded to said web browser, to locally alter the 
position of said element in response to input from a pointing device. 

49. The method of claim 43 wherein said displayable element comprises an imported 
HTML file. 

50. The method of claim 43 wherein said step placing a displayable element further 
comprises: 

employing a software routine, downloaded to said web browser, to locally alter the 
size of said element in response to input from a pointing device 

51 . The method of claim 43 wherein said step of placing a displayable element fiirther 
comprises: 

defining a z order for said element. 

52. The method of claim 43 wherein said step of placing a displayable element further 
comprises: 

associating a link with said displayable element. 

53. The method of claim 43 wherein said step of parsing further comprises: 
writing Javascript in said HTML file. 

54. The method of claim 43 further comprising: 

emulating said enhancement in said browser window prior to saving said 
enhancement file. 

55. The method of claim 43 further comprising: 

employing a change attribute function to alter an attribute of a previously defined 
element. 

56. A system for creating television enhancements comprising: 

a project interface that contains project information for said enhancements; 

a graphical user interface implemented in a browser environment; 

a rectangular area defined in said browser environment; 

a user interface that places a displayable element in said rectangular area; 
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a user interface that specifies a time at which said displayable element may be 
rendered; 

a database that stores information associated with said displayable element and 
information associated with said time; 

a user interface that allows an attribute of said displayable element to be changed at a 

specified time; 

a pointing device; 

a user interface that initiates generation of an XML file containing tags for said 
information associated with said displayable element and said information associated with 
said time; and 

a parsing program that produces an output file for a specific television platform. 

57. The system of claim 56 wherein said user interface fiirther comprises: 

a drag and drop fimction implemented locally iii said browser environment that allows 
said displayable element to be positioned in response to signals firom said pointing- device. 

58. The system of claim 56 wherein said user interface for placing a displayable element 
fijrther comprises: 

a resize fimction implemented locally in said browser environment that allows said 
displayable element to be altered in size in response to signals firom said pointing device. 

59. The system of claim 56 further comprising: 

a user interface for that apphes an XSL translation to said XML file to produce an 
HTML file for a specific television platform. 

60. The system of claim 57 fiirther comprising: 

an emulation fimction operable to display said HTML file and a television image in 
said browser prior to saving said HTML file. 

61 . A television enhancement file generated by the steps of: 

employing a browser accessed graphical user interface to position a displayable 
element in a position relative to a television image area in a browser window; 

specifying a time at which said displayable element may be rendered; 

storing information associated with said displayable element, said information 
associated with said position, and said time in a database; 

generating an XML file using said information stored in said database; and 

applying an XSL translation to said XML file to produce a television platform 
specific file. 
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62. The television enhancement file of claim 61 further comprising the step: 
specifying a z order for said element. 

63. The television enhancement file of claim 61 wherein said user interface fiirther 

comprises: 

a drag and drop fimcfion implemented locally in said browser enviromnent that allows 
sa,d displayable element to be positioned in response to signals from a pointing device. 

64. The television enhancement file of claim 61 wherein said user interface further 

comprises: 

a resize fimction implemented locally in said browser environment that allows said 
dasplayable element to be altered in size in response to signals from a pointing device. 

65. A web based television enhancement authoring program that operates in a web 
browser comprising: 

an administration screen providing user access; 
a projects screen containing project information; 

a database screen providing storage and retrieval of enhancement projects- 
a layout screen that provides selection, placement, and resizing of displayable 
elements, that provides changing of an attribute associated with a displayable element and 
that mcludes a drag and drop function and a resizing fi^nction implemented locally in said 

web browser; 

a triggers screen that synchronizes rendering of an enhancement with an event- 

an emulation screen that provides display of said enhancement and a video imige in 

said browser wmdow prior to saving said enhancement; and 

a parsing module that parses a platfom, independent enhancement file to produce an 

enhancement file for a specific television platfomi. 
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